.index-wrap {
  min-height: 100vh;
  background: #fff url(http://www.51yuanliang.com/images/miniapp/index-head-bg.jpg) 0 0 no-repeat;
  background-size: contain;
  padding: 145px 25px 0 25px;
  box-sizing: border-box;

  .chose-box {
    background-color: #ffffff;
    padding: 0 20px;
    box-shadow: 0 0 18px rgba(176, 79, 41, 0.2);
    border-radius: 15px;

    .chose-cell {
      height: 210px;
      padding-left: 224px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      //background: url(http://www.51yuanliang.com/images/miniapp/icon-gift.jpg) 0 center no-repeat;
      background: url(http://www.51yuanliang.com/images/miniapp/main1.jpg) center no-repeat;
      background-size: 90%;
      &.chose-cell-2{
        background: url(http://www.51yuanliang.com/images/miniapp/main2.jpg) center no-repeat;
        background-size: 90%;
      }
      &:first-child {
        border-bottom: 1px solid #ddd;
      }
    }

    .chose-bd {
      .tit {
        font-size: 32px;
        color: #cb0000;
      }

      .disc {
        font-size: 24px;
        color: #bfbfbf;
      }
    }
  }
}

.cart-box {
  //margin-top: 200px;
  background-color: #ffffff;
  padding: 0 30px;
  box-shadow: 0 0 18px rgba(176, 79, 41, 0.2);
  border-radius: 15px;

  .cart-cell {
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;

    & + .cart-cell {
      border-top: 1px solid #ddd;
    }
  }

  .cart-hd {
    margin-right: 30px;

    Image {
      width: 130px;
      height: 130px;
    }
  }

  .cart-bd {
    flex: 1;
    overflow: hidden;

    .tit {
      font-size: 28px;
      color: #21201f;
    }

    .p {
      font-size: 26px;
      color: #929292;
      margin-bottom: 20px;
    }

    .disc {
      display: flex;
      align-items: center;
      justify-content: space-between;

      Text {
        font-size: 26px;
        color: #d70000;
      }
    }
  }
  .cart-bar{
    padding: 34px 0;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 24px;
    color: #636363;
    .add-link{
      color: #ae8f62;
    }
  }
}

.index-panel {
  .index-panel-header {
    padding: 30px 20px;
    font-size: 26px;
  }

  .index-panel-body {
    box-shadow: 0 0 18px rgba(176, 79, 41, 0.2);
    border-radius: 15px;

    .index-area {
      padding: 20px;
      border: 0;

      .at-textarea__textarea {
        font-size: 24px;
      }

      .area-placeholder {
        font-size: 24px;
        color: #3333;
      }
    }

  }
}
.index-price{
  margin-top: 45px;
  font-weight: bold;
  text-align: center;
  .sm{
    font-size: 32px;
  }
  .price{
    font-size: 60px;
  }
}

.index-btn-wrap {
  padding: 50px 130px 180px;
}
.share-curtain{
  text-align: center;
}

.scrollview{
  max-height: 416px;
}
.disc{
  text-align: center;
  font-size: 24px;
  color: #999999;
  padding: 30px 0 0;
  text-shadow: 1Px 1Px 0 #fff;
}
.normal-form{
  padding-left: 0;
  margin-top: 5px;
  &::after{
    visibility: hidden;
  }
}

.about-btn{
  position: absolute;
  top: 20px;
  right: 55px;
  width: 100px;
  height: 100px;
  background: url(http://www.51yuanliang.com/images/miniapp/shuoming.png) center no-repeat rgba(255, 255, 255, .1);
  box-shadow: 0 0 15px rgba(255, 255, 255, .5) inset;
  background-size: 50%;
  border-radius: 50%;
}


.no-address{
  display: flex;
  width: 100%;
  padding: 20px 20px 0;
  align-items: flex-start;
  justify-content: center;
  .at-button{
    vertical-align: top;
  }
}

.order-address {
  margin-bottom: 20px;
  .address-item {
    display: flex;
    padding: 20px;
    font-size: 28px;
    background: #fffee2 url(../../assets/images/border.png) 0 0 repeat-x;
    background-size: 60px;
    .addr-hd {
      width: 160px;

      .name {
        display: block;
        font-size: 32px;
      }

      .default-tag {
        padding: 0 10px;
        font-size: 24px;
        background-color: #d33e2a;
        color: #ffffff;
      }
    }

    .addr-bd {
      flex: 1;
      overflow: hidden;
      .tel {
        display: block;
      }

      .addr-disc {
        display: block;
        color: #999999;
        font-size: 24px;
      }
    }

    .addr-ft {
      display: flex;
      padding: 0 20px;
      align-items: center;
    }
  }
}
